* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "DIN Next LT Pro", Helvetica, sans-serif;
	text-decoration: none;
}

.wrapper {
	background-image: url(../img/public/zhuyebg.jpg);
	width: 100%;
	height: 100vh;
	background-size: contain;
}

/* 导航部分 */
.nav {
	opacity: 0.4;
	width: 80px;
	height: 100vh;
	background-color: #c0fff6;
	position: fixed;
	top: 0;
	left: 0;
	transition: all 0.3s ease;
}

.nav:hover {
	opacity: 1;
	width: 160px;
}

.box {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 20%;
	position: relative;
	transition: background-color 0.3s ease;
}

.box:hover {
	background-color: #00ffff;
	font-size: 18px;
}

.box i {
	font-size: 24px;
	transition: all 0.3s ease;
}

.box:hover i {
	transform: translateX(-10px);
}

.box span {
	display: none;
	color: rgb(255, 255, 255);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.box:hover span {
	display: flex;
	opacity: 1;
}

aside {
	margin-left: 160px;
}

footer {
	margin-left: 160px;
}